import React, { Component } from 'react';
import { RightOutlined,EnvironmentOutlined,TrophyFilled } from '@ant-design/icons';
import style from "./basicMess.module.css"

class basicMess extends Component {
    render() {
        return (
            <div className={style.basicMess}>
                <div className={style.basicInfor}>
                    <span>基础信息</span>
                    <span className={style.all}>查看全部<RightOutlined style={{color:"#9a9a9a"}}/></span>
                </div>
                <div className={style.basicCon}>

                    <div className={style.basicCon1}>
                        <p className={style.con}>
                            <span>用途：</span>
                            <span>普通住宅/别墅/啦啦啦啦啦lalalalalalal</span>
                        </p>
                        <p className={style.con}>
                            <span>开盘：</span>
                            <span>普通住宅/别墅/啦啦啦啦啦啦啦啦啦啦lalalalalalal</span>
                        </p>
                        <p className={style.con}>
                            <span>户型：</span>
                            <span>普通住宅/别墅/啦啦啦啦啦啦啦啦啦啦</span>
                        </p>
                        <p className={style.con}>
                            <span>建设面积：</span>
                            <span>普通住宅/别墅/啦啦啦啦啦啦啦啦啦啦</span>
                        </p>
                    </div>

                    <div className={style.basicCon2}>
                        <p className={style.con}>
                            <span>售卖许可证：</span>
                            <span>三房预许字【2021】021号</span>
                        </p>
                        <div className={style.address}>
                            <p className={style.con}>
                                <span>楼盘地址：</span>
                                <span>海南省三亚市海棠区南田片区（藤桥啦啦啦啦啦啦）</span>
                                
                            </p>
                            <span>
                                    <EnvironmentOutlined style={{color:"#099efa"}}/>
                                    <RightOutlined style={{color:"#9a9a9a"}}/>
                            </span>
                        </div>
                    </div>

                    <div className={style.notice}>
                        <div>变价通知我</div>
                        <div>开盘提醒我</div>
                    </div>
                    
                    <div className={style.hotList}>
                        <TrophyFilled style={{fontSize:"0.4rem",color:"#ffce5a"}}/>   三亚市热销榜第5名
                    </div>

                </div>
            </div>
        );
    }
}

export default basicMess;